body {
    background-color: var(--themeColor);
}

.main {
    padding-top: .88rem;
}

.main .account-container .account-item .text {
    font-weight: 400;
    font-size: .24rem;
    color: var(--ff);
    margin-bottom: .2rem;
}

.main .account-container .account-item .balance {
    font-weight: 500;
    font-size: .44rem;
    color: var(--ff);
}

.main .account-container .account-item .front:before {
    content: '￥';
    font-size: .3rem;
}

.main .middle {
    background-color: var(--ff);
    border-radius: .2rem;
}

.main .middle .title {
    font-weight: 400;
    font-size: var(--default-font-size-26);
    color: var(--dcl);
    margin-bottom: .27rem;
}

.main .middle .money-container {
    border-bottom: 1px solid var(--f6);
}

.main .middle .money-container .front:before {
    content: '￥';
    font-weight: 400;
    font-size: .60rem;
    color: var(--dcl);
    margin-top: -.08rem;
    margin-right: .1rem;
}

.main .middle .money-container .inp {
    font-weight: 400;
    font-size: .48rem;
    width: 100%;
}

.main .middle .money-container .all {
    font-weight: 400;
    font-size: var(--default-font-size-28);
    color: var(--bd2);
}

.main .middle .type {
    margin: .46rem 0 .16rem 0;
}

.main .middle .type .left {
    font-weight: 400;
    font-size: var(--default-font-size-26);
    color: var(--dcl);
}

.main .middle .type .right {
    font-weight: 400;
    font-size: var(--default-font-size-26);
    color: var(--c9);
}

.main .middle .type .right .text {
    text-align: right;
}

.main .middle .type .layui-icon-right {
    margin-left: .14rem;
}

.main .middle .show {
    font-size: var(--default-font-size-26);
    color: var(--c9);
    display: none;
    text-align: right;
    margin-top: .1rem;
}

.main .middle .type2 {
    margin: .11rem 0;
}

.main .content {
    font-weight: 400;
    font-size: .24rem;
    color: var(--c9);
    margin-top: .49rem;
}